<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="description" content="参加竞赛，无限兑换心动奖品。免费获得iPhoneX，就在现在！" />
	<title>集分竞宝</title>
	<!-- 站标 -->
	<link rel="Shortcut Icon" href="favicon.ico">
	<link rel="stylesheet" href="css/common.css">
	<script src="js/jquery.min.js"></script>
	<script src="http://www.zbqibing.com/public/method.js"></script>
	<script src="js/ad.js"></script>
	<style>


		/*顶部-nav*/
		.nav-top{
		    position: fixed;
		    top: 0;
		    left: 0;
		    right: 0;
		    height: 75px;
		    background: rgba(38, 32, 21, 0.95);
		    z-index: 10;
		}
		.nav-right,.nav-left{
		    height: 100%;
		    position: absolute;
		    top: 0;
		}
		.nav-right{
		    right: 3px;
		}
		.nav-left{
		    left: 6px;
		}
		.nav-left a {
		    display: block;
		}
		.nav-left .logo-pic{
			cursor: pointer;
			width: 55px;
		    height: 55px;
		    background: url(img/ad/nav-logo-pic.png) no-repeat center/contain;
		}
		.nav-left .logo-txt{
			cursor: pointer;
			width: 157px;
		    height: 72px;
		    background: url(img/ad/nav-logo-txt.png) no-repeat center/contain;
		}
		.nav-right .btn{
		    width: 120px;
		    height: 45px;
		}
		.entry {
			cursor: pointer;
			width: 162px;
			height: 54px;
			background: url(img/ad/top-entry.png) no-repeat center/contain;
		}
		.content {
			overflow: hidden;
		}
		.mg-top-75 {
			margin-top: 75px;
		}
		img {
			cursor: pointer;
			position: relative;
			z-index: 1;
			min-width: 1200px;
			margin: 0 auto;
			width: 100%;
		}
		img.nopointer {
			cursor: inherit;
		}
		.bottom {
			min-width: 1200px;
			margin: 0 auto;
			background-color: #0F0601;
			padding: 32px 0;
		}
		.bottom a {
			color: #fff;
		}
		.tubiao, .lianxi{
			margin: 0 auto;
			width: 80%;
			min-width: 1200px;
			padding-bottom: 20px;
			margin-bottom: 20px;
			background: url(img/ad/bottom-bg-xian.png) no-repeat center bottom;
		}
		.tubiao li a {
			display: block;
			width: 100%;
			height: 100%;
		}
		.tubiao li {
		    width: 33.3%;
		    height: 182px;		}
		.tubiao li.micro {
			background: url(img/ad/bottom-mcro.png) no-repeat center;
		}
		.tubiao li.jifen {
			background: url(img/ad/bottom-jifen.png) no-repeat center;
		}
		.tubiao li.ecode {
			background: url(img/ad/bottom-ecode.png) no-repeat center;
		}
		.lianxi li{
			width: 33.3%;
			color: #fff;
			text-align: center;
			font-size: 24px;
		}
		.lianxi li span {
		    position: relative;
		    top: 7px;
		    left: -13px;
		    display: inline-block;
		    width: 29px;
		    height: 29px;
		}
		.lianxi li.weibo span {
			background: url(img/ad/icon-weibo.png) no-repeat center;
		}
		.lianxi li.qq span {
			background: url(img/ad/icon-qq.png) no-repeat center;
		}
		.lianxi li.dianhua span {
			background: url(img/ad/icon-dianhua.png) no-repeat center;
		}
		.icp {
			color: #fff;
			text-align: center;
			line-height: 30px;
			font-size: 20px;
			/*padding-top: 70px;*/
		}
		.icp a {
			color: #fff;
		}

		.bar {
		    width: 167px;
		    height: 473px;
		    position: fixed;
		    top: 0;
		    right: 5px;
		    bottom: 0;
		    margin: auto;
		    z-index: 5;
		}
		.bar .ios {
			cursor: pointer;
			width: 169px;
			height: 52px;
			background: url(img/ad/download-ios.png) no-repeat center;
			margin: 10px 0 20px 0;
		}
		.bar .Android {
			cursor: pointer;
			width: 169px;
			height: 52px;
			background: url(img/ad/download-android.png) no-repeat center;
			margin: 10px 0 20px 0;
		}
		.bar .qr-load {
			width: 169px;
			height: 167px;
			background: url(img/ad/qr-load-all.png) no-repeat center/contain;
		}
	.gotop {
		cursor: pointer;
		position: fixed;
		z-index: 999;
	    /*top: 0;*/
	    right: 5px;
	    bottom: 50px;
	    margin: auto;
		width: 100px;
		height: 100px;
		background: url(img/ad/go-top.png) no-repeat center/contain;
	}


    /* 视频 */
    .barvideo {
    	cursor: pointer;
        position: relative;
        width: 169px;
        height: 107px;
    }
    .video-box {
        position: relative;
        width: 169px;
        height: 107px;
        margin: 0 auto;
        margin-top: 30px;
		background: url(img/ad/bg-video.png) no-repeat center;
		animation: videoannimate 15s linear infinite;
    }

    @keyframes videoannimate
		{
		0 {transform: rotate(0deg);}
		/*50% {transform: rotate(180deg);}*/
		100% {transform: rotate(360deg);}
		}

    .barvideo .play {
	    position: absolute;
	    z-index: 2;
	    top: 0;
	    left: 5px;
	    right: 0;
	    bottom: 0;
	    margin: auto;
        width: 169px;
        height: 107px;
	    background: url(img/ad/movie-play.png) no-repeat center;
	    transition: all 1s;
    }
    .barvideo:hover {
        cursor: pointer;
    }
    .barvideo:hover .play {
        transform: scale(1.2);  
        /*transform: scale(1.2) rotate(360deg);  */
        /*transform-origin:50% 50%;*/
    }
    .movie {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.85);
        display: none;
    }
    .movie .movie-kuang {
        width: 60%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .movie .movie-kuang video {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    
    }
    .movie .movie-close-button {
        cursor:pointer;
        position: absolute;
        top: -36px;
        right: -45px;
        width: 45px;
        height: 45px;
        background-color: rgba(255,255,255,0.5);
    }
    .movie .movie-close-button .cha {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-image: url(img/ad/movie-close.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 16px;
        height: 16px;
        transition: all 1s;
    }
    .movie .movie-close-button:hover .cha {
        transform: rotate(180deg);
        transition: all 1s;
    }
   	/*左侧菜单栏*/
   	.menu {
	    position: fixed;
	    z-index: 888;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    margin: auto;
	    width: 219px;
	    height: 477px;
	    padding-top: 120px;
	    padding-right: 39px;
	    background: url(img/ad/bg-left-menu.png) no-repeat center/contain;
   	}
   	.menu li {
   		cursor: pointer;
	    text-align: center;
	    line-height: 59px;
	    color: #fff;
	    font-size: 24px;
   	}
   	.ecodePopBox {
   		display: none;
   		position: fixed;
   		z-index: 999;
   		top: 0;
   		left: 0;
   		right: 0;
   		bottom: 0;
   		background-color: rgba(0, 0, 0, 0.5);
   	}
   	.popecode {
   		position: absolute;
   		z-index: 999;
   		top: 0;
   		left: 0;
   		right: 0;
   		bottom: 0;
   		margin: auto;
   		width: 626px;
   		height: 504px;
   		background: url(img/ad/popecode.png) no-repeat center/contain;
   	}
   	.popecode .closeBtn {
   		cursor: pointer;
		position: absolute;
	    z-index: 999;
	    top: 0;
	    right: 0;
	    width: 66px;
	    height: 66px;
   	}
	</style>
</head>
<body>
	<div class="nav-top">
		<div class="nav-left hb vc toWebsite">
			<p class="logo-pic"></p>
			<p class="logo-txt"></p>
		</div>
		<div class="nav-right hb vc toWebsite">
			<p class="entry"></p>
		</div>
	</div>
	<div class="content mg-top-75">
		<img class="lazy" data-original="img/ad/1.jpg">
		<img class="lazy nopointer" data-original="img/ad/2.jpg" id="shuma">
		<img class="lazy" data-original="img/ad/3.jpg">
		<img class="lazy" data-original="img/ad/4.jpg">
		<img class="lazy" data-original="img/ad/5.jpg">
		<img class="lazy" data-original="img/ad/6.jpg">
		<img class="lazy" data-original="img/ad/7.jpg">
		<img class="lazy" data-original="img/ad/8.jpg">
		<img class="lazy nopointer" data-original="img/ad/9.jpg" id="gouwuka">
		<img class="lazy" data-original="img/ad/10.jpg">
		<img class="lazy" data-original="img/ad/11.jpg">
		<img class="lazy" data-original="img/ad/12.jpg">
		<img class="lazy" data-original="img/ad/13.jpg">
		<img class="lazy" data-original="img/ad/14.jpg">
		<img class="lazy" data-original="img/ad/15.jpg">
		<img class="lazy nopointer" data-original="img/ad/16.jpg" id="zhubao">
		<img class="lazy" data-original="img/ad/17.jpg">
		<img class="lazy" data-original="img/ad/18.jpg">
		<img class="lazy" data-original="img/ad/19.jpg">
		<img class="lazy" data-original="img/ad/20.jpg">
		<img class="lazy" data-original="img/ad/21.jpg">
		<img class="lazy" data-original="img/ad/22.jpg">
		<img class="lazy nopointer" data-original="img/ad/23.jpg" id="jiadian">
		<img class="lazy" data-original="img/ad/24.jpg">
		<img class="lazy" data-original="img/ad/25.jpg">
		<img class="lazy" data-original="img/ad/26.jpg">
		<img class="lazy" data-original="img/ad/27.jpg">
		<img class="lazy" data-original="img/ad/28.jpg">
		<img class="lazy" data-original="img/ad/29.jpg">
		<img class="lazy nopointer" data-original="img/ad/30.jpg" id="meizhuang">
		<img class="lazy" data-original="img/ad/31.jpg">
		<img class="lazy" data-original="img/ad/32.jpg">
		<img class="lazy" data-original="img/ad/33.jpg">
		<img class="lazy" data-original="img/ad/34.jpg">
		<img class="lazy" data-original="img/ad/35.jpg">
		<img class="lazy" data-original="img/ad/36.jpg">
		<img class="lazy nopointer" data-original="img/ad/37.jpg" id="lvyou">
		<img class="lazy" data-original="img/ad/38.jpg">
		<img class="lazy" data-original="img/ad/39.jpg">
		<img class="lazy" data-original="img/ad/40.jpg">
		<img class="lazy" data-original="img/ad/41.jpg">
		<img class="lazy" data-original="img/ad/42.jpg">
		<img class="lazy" data-original="img/ad/43.jpg">
	</div>
	<div class="bottom">
		<ul class="tubiao ha hide">
			<li class="micro"><a href="http://www.zbqibing.com/" target="_blank"></a></li>
			<li class="jifen"><a href="http://www.zbqibing.com/jifen/" target="_blank"></a></li>
			<li class="ecode"></li>
		</ul>
		<ul class="lianxi ha hide">
			<li class="weibo"><a href="https://weibo.com/6404142435" target="_blank"><span></span>认证微博</a></li>
			<li class="qq"><span></span>在线QQ：800825325</li>
			<li class="dianhua"><span></span>联系方式：4009005670</li>
		</ul>
		<p class="icp">
			天津微卡互动科技有限公司版权所有<br>
			地址：天津市滨海新区中心商务区新华路3699号双创大厦9层 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="hide">联系电话：022-25760131 </span><br>
			<a href="http://www.miitbeian.gov.cn" target="_blank">津ICP备17006879号</a>
			<a href="javascript:void(0);">津公网安备 12010702000160号<span class="icon-jh"></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="http://www.zbqibing.com/license.html" target="_blank">津文执网文【2017】7622-022号</a>
		</p>
	</div>
	<ul class="menu">
		<li data-typename="shuma">数码系列</li>
		<li data-typename="gouwuka">购物卡系列</li>
		<li data-typename="zhubao">珠宝系列</li>
		<li data-typename="jiadian">家电系列</li>
		<li data-typename="meizhuang">美妆系列</li>
		<li data-typename="lvyou">旅游系列</li>
	</ul>
	<div class="bar">
		<div class="barvideo video-button" data-videoname="game">
			<div class="video-box"></div>
			<div class="play"></div>
		</div>
		<div class="ios" id="iphone"></div>
		<div class="Android" id="android"></div>
		<div class="qr-load"></div>
	</div>
	<div class="gotop goTopBtn"></div>
	<!-- 视频 -->
	<div class="movie">
		<div class="movie-kuang">
			<video id="publicvideo" loop controls="controls" webkit-playsinline  src="http://video.zbqibing.com/112b38c074da42778575e4d9d984f720/56b2fe32f4f747859ddec058b9d17597-5456d705cfd07e668f702e78be66cb6f.mp4"></video>
			<div class="movie-close-button">
				<div class="cha"></div>
			</div>
		</div>
	</div>
	<!-- 点击兑换弹出层 -->
	<div class="ecodePopBox">
		<div class="popecode">
			<div class="closeBtn"></div>
		</div>
	</div>
<script src="http://www.zbqibing.com/public/jquery.min.js"></script>
<script src="http://www.zbqibing.com/public/jquery.lazyload.min.js"></script>
</body>
</html>